<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>果然FruitC</title>
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=yes">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="${ctx}/game/css/css.css"/>
</head>
<body>
	<section class="main_box">
		<section class="main_box_rank">
			<header>
				<img src="http://g.grfruitc.top/rank.jpg" width="100%" />
			</header>
			<article class="rank_list">
				<header class="rank_header">
					<span class="number">名次</span>
					<span class="user_img">微信头像</span>
					<span class="user_name">获奖人昵称</span>
					<span class="get_money">橙子数量</span>
				</header>
				<article class="rank_view">
					<c:forEach var="record" items="${list}" varStatus="status">
					<div class="rank_line">
						<span class="number">${status.index+1 }</span>
						<span class="user_img"><img src="${record.head_pic}" width="40%" /></span>
						<span class="user_name">${record.nick_name}</span>
						<span class="get_money">${record.score_}个</span>						
					</div>
					</c:forEach>
					
				</article>
			</article>
		</section>
	</section>
</body>
<script src="${ctx }/shop/js/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		var height=$('.user_img img').width();
		$('.user_img img').css({'height': height});
	});
	var shareData = "吃橙子，赢iphone7，看你能吃多少个！";
</script>
<%@include file="../common/game.jsp"%><!--静态包含-->  
</html>
